<template>
  <div id="app">
    <router-view />
    <!-- <div class="orderTips" v-if="socketState">{{ socketText }}</div> -->
    <!-- <button @click="handlePlay">点击</button>
			<button @click="send">发消息</button> -->
    <!-- <audio id="audios" src="@/views/util/statics/13196.wav"></audio> -->
  </div>
</template>

<script>
// import { mapGetters } from "vuex";

export default {
  name: "app",
  data() {
    return {
      // activeState: "0",
      // shopnamevalue: "",
      // socket: "",
      // socketText: "",
      // socketState: false,
      // count_down: 0,
    };
  },
  created() {
    // this.initWebSocket();
  },
  computed: {
    // ...mapGetters(["userInfo"]),
  },
  mounted() {
  },
  methods: {
    // 消息通知
    // initWebSocket: function () {
    //   console.log(this.userInfo.userInfo.pcUserId);
    //   if (typeof WebSocket === "undefined") {
    //     alert("您的浏览器不支持socket");
    //   } else {
    //     // 实例化socket
    //     // this.shopnamevalue
    //     let pathUrl =
    //       "ws://106.14.174.68:8084/app/webSocket/" +
    //       this.userInfo.userInfo.pcUserId;
    //     // let pathUrl = 'ws://192.168.0.220:8084/app/webSocket/' + this.userInfo.userInfo.pcUserId;
    //     this.socket = new WebSocket(pathUrl);
    //     // 监听socket连接
    //     this.socket.onopen = this.open;
    //     // 监听socket错误信息
    //     this.socket.onerror = this.error;
    //     // 监听socket消息
    //     this.socket.onmessage = this.getMessage;
    //   }
    // },
    // open: function () {
    //   console.log("socket连接成功");
    // },
    // error: function (err) {
    //   console.log(err);
    //   console.log("连接错误");
    // },
    // getMessage: function (msg) {
    //   console.log(msg.data);
    //   if (msg.data != "连接成功") {
    //     this.socketText = msg.data;
    //     this.socketState = true;
    //     document.getElementById("audios").play();
    //     this.count_down = 10;
    //     this.time();
    //   }
    // },
    // time() {
    //   let that = this;
    //   if (that.count_down == 0) {
    //     that.socketState = false;
    //     clearTimeout(that.time);
    //   } else {
    //     that.count_down--;
    //     setTimeout(function () {
    //       that.time();
    //     }, 1000);
    //   }
    // },
    // send: function () {
    //   let params = '{"toUserId":"' + 20 + '","contentText":"叶鑫你好"}';
    //   this.socket.send(params);
    // },
    // close: function () {
    //   console.log("socket已经关闭");
    // },
    // handlePlay() {
    //   this.audioClick();
    // },
    // audioClick() {
    //   document.getElementById("audios").play();
    // },
  },
  // destroyed() {
  //   // 销毁监听
  //   this.socket.onclose = this.close;
  // },
};
</script>
<style lang="scss">
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.el-pagination {
  padding: 20px 40px;
}
#app .orderTips {
  position: fixed;
  bottom: 4%;
  right: 2%;
  width: 40%;
  height: 100px;
  line-height: 100px;
  padding: 0 10px;
  z-index: 5;
  font-size: 26px;
  text-align: center;
  background-color: #15a0ff;
  color: #fff;
  border-radius: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
</style>